﻿<!DOCTYPE html>
<html lang="en" class="no-js">

	<head lang="en">
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>一元购</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/style_login.css" />
		<link rel="stylesheet" type="text/css" href="css/style_p2p.css">
		<link rel="stylesheet" href="css/animate.min.css" />
	</head>

	<body>
		<div class="zxcf_top_wper">
			<div class="zxcf_top px1000 clearfix">
				<div class="zxcf_top_l fl">
					<img src="images/zxcf_phone.png" alt="">
					<span>400-027-0101(工作时间9:00-17:30)</span>
					<a href="#"><img src="images/zxcf_weixin.png" alt=""></a>
					<a href="#"><img src="images/zxcf_sina.png" alt=""></a>
					<a href="#"><img src="images/zxcf_qq.png" alt=""></a>
				</div>
				<div class="zxcf_top_r fr">
					<a href="#" id="login_li" class="curspan cd-signin">立即登录</a>
					<a href="#" id="username_li" class="curspan" style="display:none">用户名</a>
					<span>|</span>
					<a href="#" id="loginout" style="display:none">[退出]</a>
					<a href="#" id="register_li" class="cd-signup">免费注册</a>
					<span>|</span>
					<a href="#">常见问题</a>
				</div>
			</div>
		</div>
		<!-- end top -->
		<div class="zxcf_nav_wper">
			<div class="zxcf_nav clearfix px1000">
				<div class="zxcf_nav_l fl"><img src="images/indexicon.png" alt=""></div>
				<div class="zxcf_nav_l fr" style="margin-top:10px">
					<img id="touxiangicon" style="width: 32px;">
					<span>我的账户</span>
				</div>
			</div>
		</div>
		<div class="zxcf_menu_wper">
			<div class="zxcf_menu px1000">
				<a href="index.html" class="zm_cura">首页</a>
				<a href="#">优选商品</a>
				<a href="#">最新揭晓</a>
				<a href="#">晒单分享</a>
				<a href="viewlist.html">查看中奖</a>
				<a href="personal.html" style="margin-right:0;">个人中心</a>
			</div>
		</div>

		<div class="cd-user-modal">
			<div class="cd-user-modal-container">
				<ul class="cd-switcher">
					<li>
						<a href="#0">用户登录</a>
					</li>
					<li>
						<a href="#0">注册新用户</a>
					</li>
				</ul>

				<div id="cd-login">
					<!-- 登录表单 -->
					<form class="cd-form">
						<p class="fieldset">
							<label class="image-replace cd-username" for="signin-username">用户名</label>
							<input class="full-width has-padding has-border" id="signin-username" type="text" placeholder="输入用户名">
							<span id="span_name" style="color:red;"></span>
						</p>

						<p class="fieldset">
							<label class="image-replace cd-password" for="signin-password">密码</label>
							<input class="full-width has-padding has-border" id="signin-password" type="password" placeholder="输入密码">
							<span id="span_psw" style="color:red;"></span>
						</p>

						<p class="fieldset">
							<input type="checkbox" id="remember-me" checked>
							<label for="remember-me">记住登录状态</label>
						</p>

						<p class="fieldset">
							<input class="full-width2" type="submit" value="登 录" id="butlogin">
						</p>
					</form>
				</div>

				<div id="cd-signup">
					<!-- 注册表单 -->
					<form class="cd-form">
						<p class="fieldset">
							<label class="image-replace cd-username" for="signup-username">用户名</label>
							<input class="full-width has-padding has-border" id="resignup-username" type="text" placeholder="输入用户名">
							<span id="respan_name" style="color:red;"></span>
						</p>

						<p class="fieldset">
							<label class="image-replace cd-email" for="signup-email">手机号</label>
							<input class="full-width has-padding has-border" id="resignup-email" placeholder="输入手机号">
							<span id="respan_phone" style="color:red;"></span>
						</p>

						<p class="fieldset">
							<label class="image-replace cd-password" for="signup-password">密码</label>
							<input class="full-width has-padding has-border" id="resignup-password" type="password" placeholder="输入密码">
							<span id="respan_psd" style="color:red;"></span>
						</p>

						<p class="fieldset">
							<label class="image-replace cd-password" for="signup-password">确认密码</label>
							<input class="full-width has-padding has-border" id="resignup-password2" type="password" placeholder="确认密码">
							<span id="respan_repsd" style="color:red;"></span>
						</p>

						<p class="fieldset">
							<input type="checkbox" id="accept-terms" checked>
							<label for="accept-terms">我已阅读并同意 <a href="#0">用户协议</a></label>
						</p>

						<p class="fieldset">
							<input class="full-width2" type="submit" value="注册新用户" id="butresiger">
						</p>
					</form>
				</div>
				<a href="#0" class="cd-close-form">关闭</a>
			</div>
		</div>
		<div class="ct-pageWrapper">
			<main>
				<div class="container">
					<div class="row">
						<div class="col-md-3">
							<div class="widget" id="shopcard">
								<h2 class="widget-header">购物车</h2>
								<div class="ct-cart"></div>
							</div>
						</div>
						<div class="col-md-9">
							<div class="row">
								<!--	<div class="col-sm-4">
									 <div class="ct-product">
				<div class="image"><img src="images/product-01.jpg" alt="" ></div>
				<div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i class="fa fa-shopping-cart"></i></a>
				  <h2 class="ct-product-title">第1010期活动名称</h2>
				  <p class="ct-product-description">A very delicions活动介绍 ...</p><span class="ct-product-price">￥5</span>
				</div>
			  </div>
			</div>-->

							</div>
						</div>
					</div>
				</div>
			</main>
			<footer id="footer" role="contentinfo">
				<div class="container">
					<div class="row row-bottom-padded-sm">
						<div class="col-md-12">
							<p class="copyright text-center">Copyright &copy; 2016.Company name All rights reserved.</p>
						</div>
					</div>
				</div>
			</footer>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/all.js"></script>
	<script src="js/shop.min.js"></script>
	<script src="js/jquery.hDialog.min.js"></script>
	<script type="text/javascript">
		if(storage.getItem("oldhead") == null) {
			storage.setItem("oldhead", "images/zxcf_perinfo.png");
		}
		getactivity = function() {
			//获取列表接口  返回活动已开始 未结束 且还没有卖完  按页数  
			// 活动id  活动名称  活动介绍 活动图片
			$.ajax({
				type: 'POST',
				url: "Pages/handle/getActivity.ashx",
				dataType: "json",
				success: function(data) {
					if(data == null) {
						$.tooltip('服务器异常！');
					} else {
						var re = data.result;
						if(re == 210) {
							var json = data.data;
							for(key in json) {
								$('.col-md-9 .row').append(
									"<div class='col-sm-4'>" +
									"<div class='ct-product'>" +
									"<div class='image'><img src='" + json[key]['Url'] + "' width='350' heigh='240'></div>" +
									"<div class='inner'><a href='#' class='btn btn-motive ct-product-button'><i class='fa fa-shopping-cart'></i></a>" +
									"<h2 class='ct-product-title'>第" + json[key]['ListId'] + "期" + json[key]['GoodsName'] + "</h2>" +
									"<p class='ct-product-description'>" + json[key]['Introduce'] + "</p><span class='ct-product-price'>￥1</span>" +
									"</div>" +
									"</div>" +
									"</div>"
								);
							}
							$('body').ctshop({
								currency: '￥',
								paypal: {
									currency_code: 'EUR'
								}
							});
						} else {
						    $('.col-md-9 .row').append(
							"<div class='col-sm-6'>" +
							"<img style='width: 100%;' src='images/huodong.png'>" +
							"</div>"
                            );
						    $('#shopcard').hide();
							//	$.tooltip('获取活动失败');
						}
					}
				},
				error: function () {
				    $.tooltip('服务器异常');
				}
			});
		}
		getactivity();
	</script>

</html>